import React from 'react';
import { Balloon } from '@teamix/ui';
// import { YunxiaoIcon } from '@alife/devops-ui';
// import { getIntroPointState, setIntroPointState } from 'api';
// import docs from 'utils/docs';
import intl from '../../../../../../../locale';

const UpdateInfo = function () {
  return (
    <Balloon.Tooltip
      align="t"
      trigger={
        <span className="update-time">
          {intl.get({
            id: 'code-assets.projectInsight.containers.help.DataIsAutomaticallyUpdatedBefore',
            defaultMessage: '数据每日 06:00 前自动更新',
          })}
        </span>
      }
    >
      {intl.get({
        id: 'code-assets.projectInsight.containers.help.DataUpdateFrequencyUpdatedThe',
        defaultMessage: '数据更新频率：次日更新（T+1）',
      })}
    </Balloon.Tooltip>
  );
};

export default class Help extends React.Component {
  // UNSAFE_componentWillMount() {
  //   getIntroPointState('first_enter', {
  //     first_enter_key: 'report',
  //     first_enter_organization: true,
  //   })
  //     .then((result) => {
  //       if (result.state) {
  //         this.setState({
  //           visible: true,
  //         });
  //       }
  //     })
  //     .catch((err) => {
  //       console.log(err);
  //     });
  // }

  // onCancel = () => {
  //   setIntroPointState('first_enter', {
  //     first_enter_key: 'report',
  //     first_enter_organization: true,
  //   });
  // };

  render() {
    return (
      <div className="insight-help-wrapper">
        <UpdateInfo />
      </div>
    );
  }
}
